천민호-펍지

프레임워크 철학

리액트 철학

  • 개발자
  • 철저한 방목형 -> 많은 선택권을 줍니다.
  • 동기화는 setState 동기화 하는 시점을 개발자에게 맡긴다.

앵굴러 철학

  • 사용자
  • 철저한 사육형
  • 앱 상태 변화가 일어날 것 같으면 앵귤러가 알아서

앵귤러

  • 알아될것들이 너무 많음, 진입 장벽이 높음
  • typeScript - 자바스트립트에서 type정의가 없으니 필수적으로 사용
  • RXJS
  • 제약사항이 많음 -> 앵귤러는 개발자를 사용자로 바라봄

Best Practioce

Best Practioce를 찾기 어려움 하지만 앵귤러는 이미정해져있으면 개발방법을 제시, 도규먼트에서 있는 내용만 봐도 충분
10이상이 참여하는 프로젝트에 Best Practioce가 없다면 힘들어집니다.
제약 사항이 많기 때문에 규모가 큰곳에서 많이들 사용합니다.

TypeSript

규모가 많은 곳에서 타입이 없다면 힘들어집니다.

RxJS

웹 소캣 재연결 상황

  1. 웹소켓이 끊어지면 재연결
  2. N번째 재연결은 N*5초 뒤 연결
  3. 10초 뒤 재연결
  • 슬랙이 이 방식 사용

단순 웹 소켓 재연결인데 코드의 파편ㄴ화가 느껴짐 -> 데이커의 흐흠을 한곳에서 조작할 수 있음.
코드 가독성이 좋다.

사용해야되는 이유
코드가 복잡성이 커지며 앵귤러가 사용을 권장 한다.

비동기 스트림의 loadash

DIE

ex)
기능과 디자인은 같은 플랫폼만 다름
-> 빌드 방법이 다름
-> 친구기믄에 엔드포인트가 다름

멀티 플랫폼에 좋음….

UX빼면 서체 프론트엔드(한재엽)

JAM

JaveScript
APIs
Markup

정보량 과다
작은 모바일 화면
Rich 클라이언트

프론트의 본질은 UX이다
프론트엔드개발자라면 UX을 잘 이해야되자 않을까???

UX Engineeirng

  • 성능 최적화
    • 초기 로딩 최적화
    • 빠르다는 느낌을 전달
    • 부드러운 애니메이션
  • 예상 가능한 동작
    • 스크롤 복원(봤던 거 보여주기)
      동적으로 된 부분을 어떻게 복원을 해줄것인가??
      스토리지에 위치를 저장 ㄹ
    • 딤드 영역 닫힘
    • 손에 쉽게 등어오는 인터렉션 영역
    • 예상 가능한 인터랙셩
  • SEO/SMO(소셜메모)
    • 검색엔진 최적화
    • 소셩 미디어 공유 최적화
    • 어디까지 공유가 가능해야 하는가?
  • 측정과 개선
    • 사용자는 어떨게 우리 서비스를 사용하는가 (트래킹)
    • 상황에 따라 그 비율은 어떨게 되는가
    • 이탐률

상태 저장하는 방법

세션 스토리지에 저장
URL에 상태 저장